<!DOCTYPE html>
<!--[if lt IE 7 ]><html lang="en" class="ie6 ielt7 ielt8 ielt9"><![endif]--><!--[if IE 7 ]><html lang="en" class="ie7 ielt8 ielt9"><![endif]--><!--[if IE 8 ]><html lang="en" class="ie8 ielt9"><![endif]--><!--[if IE 9 ]><html lang="en" class="ie9"> <![endif]--><!--[if (gt IE 9)|!(IE)]><!--> 
<html lang="en"><!--<![endif]--> 
  <head>
    <meta charset="utf-8">
    <title>Dashboard - MES ADMIN</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link rel="shortcut icon" type="image/ico" href="<?php echo base_url();?>assets/web/img/favicon.ico" />
    <link href="<?php echo base_url();?>assets/admin/css/bootstrap.css" rel="stylesheet">
    <link href="<?php echo base_url();?>assets/admin/css/mes-admin.css" rel="stylesheet">
    <link href="<?php echo base_url();?>assets/admin/css/bootstrap-responsive.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>assets/admin/css/jquery-gmaps-latlon-picker.css"/>
    <link rel="stylesheet" href="<?php echo base_url();?>assets/admin/css/smoothness-jquery-ui.css" />
    <link rel="stylesheet" href="<?php echo base_url();?>assets/admin/css/bootstrap-fileupload.css" />
    <link rel="stylesheet" href="<?php echo base_url();?>assets/admin/css/bootstrap-combobox.css" />
    <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>assets/admin/css/bootstrap-wysihtml5.css"></link>
    <link href="<?php echo base_url();?>assets/admin/css/datepicker.css" rel="stylesheet">

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
    <link rel="icon" href="img/favicon.ico" type="image/x-icon">
    <script type="text/javascript" src="<?php echo base_url();?>assets/admin/js/jquery.form.js"></script>
    <script src="<?php echo base_url();?>assets/admin/js/jquery-1.7.2.min.js"></script> 
 
</head>
 
<body onLoad="load()">


    <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container-fluid">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" href="<?php echo base_url();?>admin/dashboard/index">Admin Control Panel</a>
          <div class="nav-collapse">
            <ul class="nav">
              <!--<form class="navbar-search pull-left" action="">
                <input type="text" class="search-query span2" placeholder="Search" required>
              </form> -->
            </ul>
            <ul class="nav pull-right">
            <li class="divider-vertical"></li>
            <!--<li><a data-toggle="modal" href="#notif"><i class="icon-info-sign"></i> Notification <span class="badge badge-warning">4</span></a></li>
		    <li class="divider-vertical"></li>
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-cog"></i> Setting <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="#">User Profil</a></li>
                <li><a href="#">Preference</a></li>
                <li><a href="#">Delete Cookies</a></li>
                <li class="divider"></li>
                <li><a href="#">Separated link</a></li>
              </ul>
            </li>
			<li class="divider-vertical"></li>
            <li><a href="#help"><i class="icon-question-sign"></i> Help</a></li>
            <li class="divider-vertical"></li> -->
            <li class="gravatar" style="margin-top:5px;"><img src="<?php echo base_url();?>assets/admin/img/admin.jpg" class="img-polaroid" width="30" height="30"></li>
            <li class="dropdown">
              <a href="" class="dropdown-toggle" data-toggle="dropdown"><?php echo $this->session->userdata['nama_lengkap'];?> <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="#"><i class="icon-user"></i> Profile</a></li>
                <li class="divider"></li>
                <li><a href="<?php echo base_url();?>rootmaster/logout"><i class="icon-off"></i> Sign Out</a></li>
              </ul>
            </li>
          </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>
    
    <div class="modal hide" id="notif">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h3>Notification</h3>
      </div>
      <div class="modal-body">
        <div class="alert alert-warning">
           <button class="close" data-dismiss="alert">&times;</button>
           <h4><a href="#">New Message</a></h4>
           <p>New message from <a href="#">John Doe</a> sent on July 16th, 2012 at 4:49 pm</p>
        </div>
        <div class="alert alert-warning">
           <button class="close" data-dismiss="alert">&times;</button>
           <h4><a href="#">New Message</a></h4>
           <p>New message from <a href="#">John Doe</a> sent on July 16th, 2012 at 4:49 pm</p>
        </div>
        <div class="alert alert-warning">
           <button class="close" data-dismiss="alert">&times;</button>
           <h4><a href="#">New Message</a></h4>
           <p>New message from <a href="#">John Doe</a> sent on July 16th, 2012 at 4:49 pm</p>
        </div>
        <div class="alert alert-warning">
           <button class="close" data-dismiss="alert">&times;</button>
           <h4><a href="#">New Message</a></h4>
           <p>New message from <a href="#">John Doe</a> sent on July 16th, 2012 at 4:49 pm</p>
        </div>
      </div>
      <div class="modal-footer">
        <a href="#" class="pull-left">More message &raquo;</a>
        <a href="#" class="btn btn-danger pull-right" data-dismiss="modal">Close &times;</a>
      </div>
    </div>

    <div class="container-fluid">
      <div class="row-fluid">
        <div class="span2">
          <div class="nav-headers"><h3>Dashboard</h3></div>
          <ul class="nav nav-tabs nav-stacked">
          	<li><a href="<?php echo base_url();?>admin/dashboard/index"><i class="icon-th-large"></i> Dashboard</a></li>
          </ul>
          
          <div class="nav-headers"><h3>Menu</h3></div>
          <ul class="nav nav-tabs nav-stacked">
            <li><a href="<?php echo base_url();?>admin/berita"><i class="icon-file"></i> Berita</a></li>
            <li><a href="<?php echo base_url();?>admin/pengurus/"><i class="icon-user"></i> Pengurus</a></li>
            <li><a href="<?php echo base_url();?>admin/agenda"><i class="icon-list-alt"></i>  Agenda</a></li>
            <li><a href="<?php echo base_url();?>admin/divisi"><i class="icon-tasks"></i> Divisi</a></li>
            <li><a href="<?php echo base_url();?>admin/materi"><i class="icon-book"></i> Materi</a></li>
            <li><a href="<?php echo base_url();?>admin/menu/"><i class="icon-th-list"></i> Management Menu</a></li>
			<li><a href="<?php echo base_url();?>admin/info/"><i class="icon-info-sign"></i> Info</a></li
          </ul>
        </div><!--/span-->
        
        <?php
		$this->load->view($main_view);
		?>
        
        <!--/span-->
      </div><!--/row-->

      <hr class="alt">

      <footer>
        <p>&copy; MES ADMIN 2012. All right reserved.</p>
      </footer>

    </div><!--/.fluid-container-->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    
    <script src="<?php echo base_url();?>assets/admin/js/bootstrap.min.js"></script>
    <script src="<?php echo base_url();?>assets/admin/js/mes-admin.js"></script>
    <script src="<?php echo base_url();?>assets/js/jquery-ui.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>assets/admin/js/auto-complete.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>assets/admin/js/bootstrap-fileupload.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>assets/admin/js/bootstrap-combobox.js"></script>
    <script src="<?php echo base_url();?>assets/admin/js/wysihtml5-0.3.0.js"></script>
	<script src="<?php echo base_url();?>assets/admin/js/bootstrap-wysihtml5.js"></script>
    <script src="<?php echo base_url();?>assets/admin/js/bootstrap-datepicker.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>assets/admin/js/aplication.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>assets/admin/js/bootstrap-filestyle.min.js"></script>
    
    <script type="text/javascript">
	$('.fileupload').fileupload({uploadtype: 'image'});
	</script>
		<script>
        google.load("visualization", "1", {packages:["corechart"]});
        
        //column chart
        google.setOnLoadCallback(revenue);
        function revenue(){
        var data = google.visualization.arrayToDataTable([
          ['Month', 'Revenue($)'],
          ['February', 1010],
          ['March', 1000],
          ['April',  1150],
          ['May', 1200],
          ['June', 1250],
          ['July', 2450]
        ]);

        var options = {
          title: 'Revenue',
          hAxis: {title: 'Month', titleTextStyle: {color: 'red'}}
        };

        var chart = new google.visualization.ColumnChart(document.getElementById('revenue'));
        chart.draw(data, options);
        }
        
    </script>
    <script type="text/javascript">
	  $(document).ready(function(){
		$('.combobox').combobox();
	  });
	</script>
    <script>
		$('#textarea').wysihtml5();
	</script>
    
	<script>
		$(function(){
			

        // disabling dates
        var nowTemp = new Date();
        var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);

        var checkin = $('#dpd4').datepicker({
          onRender: function(date) {
            return date.valueOf() < now.valueOf() ? 'disabled' : '';
          }
        }).on('changeDate', function(ev) {
          if (ev.date.valueOf() > checkout.date.valueOf()) {
            var newDate = new Date(ev.date)
            newDate.setDate(newDate.getDate() + 1);
            checkout.setValue(newDate);
          }
          checkin.hide();
        }).data('datepicker');
        
		var checkin = $('#dpd1').datepicker({
          onRender: function(date) {
            return date.valueOf() < now.valueOf() ? 'disabled' : '';
          }
        }).on('changeDate', function(ev) {
          if (ev.date.valueOf() > checkout.date.valueOf()) {
            var newDate = new Date(ev.date)
            newDate.setDate(newDate.getDate() + 1);
            checkout.setValue(newDate);
          }
          checkin.hide();
          $('#dpd2')[0].focus();
        }).data('datepicker');
        var checkout = $('#dpd2').datepicker({
          onRender: function(date) {
            return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';
          }
        }).on('changeDate', function(ev) {
          checkout.hide();
        }).data('datepicker');
		});
	</script>
  </body>
</html>

